<template>
  <div class="submit"
       @click="handleSubmit">
    <div class="sub-btn">{{content}}</div>
  </div>
</template>
<script>
export default {
  name: 'ComponentButton',
  props: {
    content: String
  },
  methods: {
    handleSubmit () {
      this.$emit('submit')
    }
  }
}
</script>
<style lang="stylus" scoped>
@import '~stylus/variable.styl'
@import '~stylus/mixins.styl'

.submit
  position absolute
  bottom 0
  left 0
  width 100%
  padding-left 30px
  padding-right 30px
  padding-top 40px
  padding-bottom 40px
  box-sizing border-box
  background-color $common_bgc

.sub-btn
  text-align center
  line-height 88px
  width 100%
  height 88px
  background $tab_active
  border-radius 20px
  font-size $back_fz
  font-weight bold
  color $common_bgc
  text-shadow 0px 2px 2px rgba(5, 5, 5, 0.24)
</style>
